/* -------------------- Font family -------------------- */

@font-face {
  font-family: "Lucida";
  src: url("../assets/font/LucidaGrande.ttf");
}

@font-face {
  font-family: "Heebo";
  src: url("../assets/font/Heebo-Regular.ttf");
}

/* -------------------- Open OPIA Top Button --------------------  */

.open-opia-top {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  right: 390px;
  top: 73px;
}

#open-opia-top-icon {
  width: 40px;
  height: 40px;
  cursor: pointer;
}

/* -------------------- Open OPIA Bottom Button --------------------  */

.open-opia-bottom {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(61, 110, 207);
  z-index: 2147483647;
  cursor: pointer;
  box-shadow: 1px 4px 10px rgba(0, 0, 0, 50%);
   
}
.open-opia-bottom:focus-visible { 
  outline: 2px solid blue!important;
  outline-offset: 2px;
}
.open-opia-bottom-container {
  position: fixed;
  right: 25px;
  bottom: 15px;
  z-index: 2147483647;
}
.open-opia-bottom-container-mobile-up  {
  bottom: 235px!important;
}
.open-opia-bottom-container-mobile {
  bottom: 100px!important;
}
.open-opia-bottom.invisible {
  display: none;
}

#open-opia-bottom-icon {
  width: 33px;
  height: 33px;
  margin-top: 5px;
}

/* -------------------- Close OPIA Bottom Button --------------------  */

.close-opia-bottom {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: fixed;
  right: 23px;
  bottom: 13px;
  align-items: center;
  justify-content: center;
  display: none;
  z-index: 2147483647;
}
.close-opia-bottom:focus-visible { 
  outline: 2px solid blue!important;
  outline-offset: 2px;
}
.close-opia-bottom.visible {
  display: block;
  cursor: pointer;
}

#close-opia-bottom-icon {
  width: 60px;
  height: 60px;
}

/* -------------------- Webchat container --------------------  */

#opia-webchat-container {
  flex-direction: column;
  flex: 1;
  position: fixed;
  right: 90px;
  bottom: 40px;
  height: 65%;
  width: 25%;
  max-width: 500px;
  max-height: 80%;
  min-width: 450px;
  border: 1px solid #c2c2c2;
  background-color: rgb(245, 245, 245);
  display: none;
  z-index: 2147483647;
}
.webchat__suggested-action__text.webchat__suggested-actions__button-text.enlarge
{
    font-size: 16px;
}
.webchat__suggested-action__text.webchat__suggested-actions__button-text 
{
    font-size: 12px;
}
.disableButton
{
  background-color: #949494;
  color: #949494;
}
.disableButton:hover
{
  background-color: #949494;
  color: #949494;
}
#opia-webchat-container.visible {
  display: block;
}
/* -------------------- OPIA carousel buttons --------------------  */
.react-film__flipper.react-film__main__overlay.react-film__flipper--right
{
  height:40px;
  margin-top: 20%;
}
.react-film__flipper.react-film__main__overlay.react-film__flipper--left
{
  height:40px;
  margin-top: 20%;
}
/* -------------------- OPIA minimizable window topbar --------------------  */

  
#opia-webchat-container-top-bar {
  display: flex;
  height: 8%;
  background-color: #112250;
}

.opia-webchat-container-top-bar-div:nth-child(1) {
  width: 10%;
}

.opia-webchat-container-top-bar-div:nth-child(1) img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.opia-webchat-container-top-bar-div:nth-child(2) {
  width: 70%;

}

.opia-webchat-container-top-bar-div:nth-child(3) {
  width: 10%;

}

.opia-webchat-container-top-bar-div:nth-child(4) {

  width: 10%;
}

.opia-webchat-container-top-bar-div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #112250;
}

#opia-webchat-container-top-bar-icon {
  height: 100%;
  margin-left: 5px;
}

#opia-webchat-container-top-bar-title {
  font-family: Lucida;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}


#opia-webchat-container-top-bar-close-button {
  background-color: #112250;
  color: #436cb4;
  border: none;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 5%;
}

#opia-webchat-container-top-bar-close-button:focus-visible {
  outline: 2px solid white ;
  background-color: #112250;
  border: none;
  z-index: 1000;
}

#opia-webchat-container-top-bar-close-button-icon {
  height: 100%;
  max-height: 15px;

}





#opia-webchat-container-top-bar-enlarge-button {
  background-color: #112250;
  color: #436cb4;
  border: none;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 65%;
}

#opia-webchat-container-top-bar-enlarge-button:focus-visible {
  background-color: #112250;
  border: none;
  color: none;
  outline: 2px solid white;
  z-index: 1000;
}

#opia-webchat-container-top-bar-enlarge-button-icon {
  height: 100%;
  max-height: 15px;

}
/*--------------------- OPIA ENLARGE --------------------------------*/
.enlarge .webchat__suggested-action__text
{
  font-size: 16px;
}
.webchat__send-box__main.enlarge
{
font-size: 16px;
}
#opia-webchat-container.enlarge {
  height: 95%;
  width: 50%;
  max-width: 50%;
  max-height: 95%;
  min-width: 450px;
}
#opia-webchat-container-top-bar-title.enlarge {
  font-family: Lucida;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}
.ac-container.adaptivecardjsondisplaydocument3 .ac-columnSet .ac-textBlock.enlargeTextAC p {
  font-size: 16px;

  -webkit-line-clamp: 8;

  line-clamp: 8;
}

.enlargeAC
{
  height: 465px;
  min-height: 465px;
  width: 548px;
}
#ac-with-thumbnail .ac-container#text-column.enlarge-text-column
{
  
    width:324px;
    max-width:324px; 
    height:465px;
    max-height: 465px;
  
}
.ac-container#image-column.enlarge-img 
{
  width:200px;
  max-width:200px; 
  height:284px;
  max-height: 284px;
}

.ac-image.enlarge-img
{
  width:180px;
  max-width:180px; 
  height:284px;
  max-height: 284px;
}
#call .ac-image.enlarge-img
{
  width:20px;
  max-width:200px; 
  height:20px;
  max-height: 284px;
}
#copyphone .ac-image.enlarge-img
{
  width:20px;
  max-width:200px; 
  height:20px;
  max-height: 284px;
}
#email .ac-image.enlarge-img
{
  width:20px;
  max-width:200px; 
  height:20px;
  max-height: 284px;
}
#copymail .ac-image.enlarge-img
{
  width:20px;
  max-width:200px; 
  height:20px;
  max-height: 284px;
}
 .ac-textBlock#titletextblock.enlargeTextAC p
{
  -webkit-line-clamp: 4;
  line-clamp: 4;
}
#descriptiontextblock.ac-textBlock.enlargeTextAC p
{
  -webkit-line-clamp: 10;
  line-clamp: 10;
}
#authortextblock.ac-textBlock.enlargeTextAC p
{
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

#opia-webchat.enlarge-font p {
  font-size: 16px;
  line-height: 20px;
}

/* -------------------- OPIA Webchat container --------------------  */

#opia-webchat {
  font-size: 12px;
  font-family: Lucida;
  height: 92%;
}

#opia-webchat p {
  font-size: 12px;
  line-height: 16px;
}

/* -------------------- Bubble style --------------------  */

.webchat__bubble .webchat__bubble__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-color: #dddddd !important;
}


.webchat__bubble--from-user .webchat__bubble__content p {
  min-height: 0px;
  background-color: #697188;

}

.webchat__stacked-layout__content .webchat__bubble__content .markdown a {
  color: #3366cc;

}

/* -------------------- Adaptive cards --------------------  */

#copyphone .ac-image:hover
{
background-color: #3366cc;
}
#copymail .ac-image:hover
{
  background-color: #3366cc;
}
.ac-container.ac-adaptiveCard#oneperson-ac .ac-columnSet .ac-container#copytextphone .ac-textBlock p
{ font-size: 7px;
}
.ac-container.ac-adaptiveCard#oneperson-ac .ac-columnSet .ac-container#copytextmail .ac-textBlock p
{ font-size: 7px;
}
.ac-container.ac-adaptiveCard#oneperson-ac .ac-columnSet .ac-container .ac-textBlock#phonevalue p
{ font-size: 10px;
}
.ac-container.ac-adaptiveCard#oneperson-ac .ac-columnSet .ac-container#copytextphone .ac-textBlock:hover
{ cursor:pointer;
  text-decoration: underline;
}
.ac-container.ac-adaptiveCard#oneperson-ac .ac-columnSet .ac-container#copytextmail .ac-textBlock:hover
{ cursor:pointer;
  text-decoration: underline;
}
.ac-container.ac-adaptiveCard#oneperson-ac .ac-columnSet .ac-container#copyphone :hover
{ cursor:pointer;
  text-decoration: underline;
}
.ac-container.ac-adaptiveCard#oneperson-ac .ac-columnSet .ac-container#copymail :hover
{ cursor:pointer;
  text-decoration: underline;
}
.webchat__adaptive-card-renderer .ac-adaptiveCard button.primary.style-positive {
  background-color: #3d6ecf;
  border-color: #3d6ecf;
}
#image-column
{
  width:100px;
  max-width:100px;
}
.webchat__adaptive-card-renderer .ac-adaptiveCard button.primary.style-positive:hover {
  background-color: #3d6ecf !important;
  border-color: #3d6ecf;
}

.webchat__adaptive-card-renderer .ac-adaptiveCard button.ac-pushButton {
  color: #3366cc;
  border-color: #3366cc;
  border-radius: 2px;
  font-family: Lucida;
  cursor: pointer;
}

#subjectcard .ac-pushButton:hover {
  background-color: #3366cc;
  color: white;
}
#authorcard .ac-pushButton:hover {
  background-color: #3366cc;
  color: white;
}

.ac-columnSet .ac-selectable .ac-textBlock p:first-child {
  color: #3366cc;
}

.webchat__adaptive-card-renderer button.ac-pushButton[aria-pressed="true"] {
  background-color: #ffffff !important;
  border-color: #3366cc !important;
  color: #3366cc !important;
}

.webchat__adaptive-card-renderer button.ac-pushButton.style-positive[aria-pressed="true"] {
  background-color: #3d6ecf !important;
  border-color: #3d6ecf !important;
  color: #ffffff !important;
}

.ac-container.ac-adaptiveCard,
.ac-textBlock {

  font-family: Lucida !important;
}

.ac-actionSet:has(> :nth-child(7)) :last-child div {
  color: gray;

}

.ac-container.adaptivecardjsondisplaydocument3 {
  cursor: pointer;
}

.ac-container.adaptivecardjsondisplaydocument3spoken {
  cursor: pointer;
}
.ac-container.ac-adaptiveCard.adaptivecardjsondisplaydocument3spoken .ac-container .ac-textBlock:nth-of-type(1) p
{
  color: #3366cc !important;
}
.ac-input-container .ac-input.ac-choiceSetInput-multiSelect label.ac-textBlock {
  margin-bottom: 0;
}

.ac-input-container .ac-input.ac-choiceSetInput-multiSelect div {
  margin-bottom: 8px;
}

.ac-container.ac-adaptiveCard .ac-horizontal-separator {

  padding-top: 8px !important;

  margin-bottom: 8px !important;

  border-bottom-color: #949494 !important;

}

.ac-container.adaptivecardjsondisplaydocument3 .ac-textBlock p {

  color: rgb(100, 100, 100) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;

}

.ac-container.adaptivecardjsondisplaydocument3spoken .ac-textBlock p {

  color: rgb(100, 100, 100) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;

}

.ac-container.adaptivecardjsondisplaydocument3 .ac-textBlock:nth-of-type(1) p {
  color: #3366cc !important;
}
#personhierarchy p {
  -webkit-line-clamp: 6;
  white-space: pre-line;
}
#authortextblock p {
  -webkit-line-clamp: 2;
}

#authortextblock1 p {
  -webkit-line-clamp: 2;
}

#authortextblock2 p {
  -webkit-line-clamp: 2;
}

#authortextblock3 p {
  -webkit-line-clamp: 2;
}

#authortextblock4 p {
  -webkit-line-clamp: 2;
}

.ac-container.adaptivecardjsondisplaydocument3 .ac-textBlock:nth-of-type(1) p:hover {
  text-decoration: underline;
}

/* -------------------- Webchat text input --------------------  */

form.webchat__send-box__text-box {
  padding: 0 !important;
}

.webchat__send-box__main .webchat__send-box-text-box .webchat__send-box-text-box__input {
  font-family: Lucida;
  color: #444444 !important;
  padding: 10px !important;
}
.webchat__send-box__main
{
font-size: 12px;
}

/* -------------------- Suggested actions --------------------  */

.webchat__suggested-actions__flow-box
{
  margin-left: 30px;
  
}
.webchat__suggested-actions__flow-box .webchat__suggested-actions__flow-item-box .webchat__suggested-actions__item-box .webchat__suggested-actions__button {
  cursor: pointer;
  font-family: Lucida;
  background: rgba(61, 110, 207, 0.2);
  border: 2px solid #3D6ECF;
  border-radius: 8px;

 
}
.webchat__suggested-action .webchat__suggested-action__keyboard-focus-indicator
{ 
  border:none!important;
}
.webchat__suggested-actions__flow-box .webchat__suggested-actions__flow-item-box .webchat__suggested-actions__item-box .webchat__suggested-actions__button:focus-visible {
  outline: 2px solid blue;
}

/* -------------------- Microphone Button --------------------  */

.webchat__send-box .webchat__send-box__main .webchat__microphone-button.webchat__send-box__microphone-button button.webchat__microphone-button__button {
  content: url("../assets/img/microphone-icon-grey.svg");
  width: 25px;
  margin-right: 6px;
  cursor: pointer;
}

.webchat__send-box .webchat__send-box__main .webchat__microphone-button.webchat__microphone-button--dictating button.webchat__microphone-button__button {
  content: url("../assets/img/microphone-icon-red.svg");
  width: 25px;
  margin-right: 6px;
  cursor: pointer;
}
.webchat__send-box .webchat__microphone-button__button:focus-visible {
  outline: 2px solid blue;
}
/* -------------------- Mobile styles --------------------  */

@media screen and (max-width: 575px) {
  #opia-webchat-container {
    height: 100%;
    width: 100%;
    min-width: 100%;
    max-height: 100%;
    right: 0px;
    bottom: 0px;
    border-radius: 4px;
  }

  .opia-webchat-container-top-bar-div:nth-child(1) {
    width: 10%;
  }

  .opia-webchat-container-top-bar-div:nth-child(1) img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  #call img
  {
    width:20px;
  }
  .opia-webchat-container-top-bar-div:nth-child(2) {
    width: 80%;
  }
  #opia-webchat-container-top-bar-enlarge-button-icon img
  {
    display:none;
  }
  .opia-webchat-container-top-bar-div:nth-child(3) {

    display:none;
  }
  #opia-webchat-container-top-bar-enlarge-button
  {
    display: none;
  }
  .opia-webchat-container-top-bar-div:nth-child(4) {
    width: 10%;
  }

  #opia-webchat-container-top-bar {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  .webchat__send-box__main .webchat__send-box-text-box .webchat__send-box-text-box__input {
    font-size: 16px !important;
  }

  .ac-input-container .ac-input.ac-choiceSetInput-multiSelect label.ac-textBlock p {
    margin-bottom: 2px !important;
  }

  .body_fixed_unscrollable {
    position: fixed;
    overflow: hidden;
  }

  .webchat__send-button  {
    display: block !important;
  }
  .open-opia-bottom {
  z-index: 99999999;  
  }
  .close-opia-bottom {
    z-index: 99999999; 
  }
  .open-opia-bottom-container
  {
    z-index: 99999999; 
  }
}